<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <a v-bind:href="url">百度一下</a><!--v-bind-->
    <a :href="url">百度一下</a><!--省略v-bind-->
    <input name="username" v-model="url"></input><!--绑定模型(双向)-->
</div>
<script src="../js/vue.js"></script><!--引入vue.js-->
<script>
    //创建vue核心对象，绑定数据
    new Vue({
        el: "#app", //指定受管理的标签
        data() {    //定义数据模型
            return {
                url:"http://www.baidu.com"
            }
        }
    });
</script>
</body>
</html>